<template>
  <el-scrollbar style="height: 60%">
    <div class="confirmTable">
      <el-row class="confirmTitle">开户确认书</el-row>
      <el-row class="confirmTableBody" :data="data">
        <el-row v-for="(account, index) in option.column" :key="index">
          <el-col class="padding-style" :span="8">{{ account.label }}：</el-col>
          <el-col class="padding-style" :span="16">{{ data[account.prop] }}</el-col>
        </el-row>
        <el-row>
          <el-col class="padding-line-height">我承诺：我作为法人代表申请在{{ bankName }}开立企业对公账户，账户类别为{{ clientNature }}，此次申请
            开立账户意愿明确，所提供证件正式有效，将严格按照账户管理协议使用该账户，不转借、租借、出售给他人使用，不使用该账户参与诈骗、偷逃税款、逃废债务、贪污受贿、套取现金、洗钱、 恐怖融资等其他违法犯罪活动。
          </el-col>
        </el-row>
      </el-row>
    </div>
  </el-scrollbar>
</template>
<script>
export default {
  name: 'OpenAccount',
  components: {

  },
  props: ['data', 'option', 'clientNature', 'bankName'],
  data() {
    return {}
  },
  created() {

  },
  mounted() {

  }
}
</script>
<style scoped>

  .confirmTable {
    padding: 10px 20px;
    width: 100%;
  }

  .confirmTitle {
    text-align: center;
    height: 34px;
    line-height: 34px;
  }

  .confirmTableBody {
    width: 100%;
  }

  .padding-style {
    padding: 10px;
  }

  .padding-line-height{
    line-height: 26px;
    text-indent: 24px;
    color: red;
  }
</style>
